<template>
<!--  <div class="title-small">-->
<!--    <ul class="al-cen">-->
<!--      <li class="icon"></li>-->
<!--      <li class="text left-10">{{ content }}</li>-->
<!--    </ul>-->
<!--  </div>-->

  <div style="height: 200px;width: 500px;border: 1px solid #3ba0e9;margin-left: 100px;margin-top: 60px;
              display: flex;flex-direction: row;justify-content: center;;align-items: center;">
    {{ content }}
  </div>
</template>

<script>
export default {
  name: "component",
  data() {
    return {};
  },
  props: {
    content: "",//接收参数
  },
  components: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style>
</style>


<!-- 样式不可用，需引入 node-sass-->
<!--<style lang="scss" scoped>-->
<!--.title-small {-->
<!--  background-color: rgb(231, 231, 231);-->
<!--  padding: 8px 16px;-->
<!--  width: 500px;-->
<!--  border-radius: 2px;-->
<!--  .icon {-->
<!--    width: 16px;-->
<!--    height: 16px;-->
<!--    border-radius: 8px;-->
<!--    border: 2px solid rgb(19, 180, 230);-->
<!--  }-->
<!--  .text {-->
<!--    font-size: 16px;-->
<!--  }-->
<!--}-->
<!--</style>-->
